<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>个人中心-完善个人资料</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<script src="js/jquery-2.1.1.min.js"></script>
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script src="dist/js/jquery-weui.min.js"></script>
	<!--上传头像-->
	<link rel="stylesheet" href="js/layui/css/layui.css" />
	<script type="text/javascript" src="js/layui/layui.js" ></script>
<!--<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	-->
<!--CSS RESET-->
<link rel="stylesheet" type="text/css" href="css/demo.css">
<!--演示页面样式，使用时可以不引用-->
<link rel="stylesheet" href="css/style.css">
<style>
	body{line-height: 1.6 !important;}
	.layui-layer-btn0{
		background: #FD295B !important;
		border-color: #FD295B !important;
	}
</style>
<body>
	<!--header-->

		
		
<div>
	<div class="user-top-right">
		<a href="个人中心消息"><img src="img/xixoxi.png"/></a>
	</div>
	<div class="weui-flex user-top-img" style="flex-direction: column;justify-content: center;align-items: center;padding-top:20px;">
		<div class="weui-flex__item">
			<div class="layui-upload">
			  	<div class="layui-upload-list">
			    	<img class="layui-upload-img radius50" id="upload_img1" width="70" height="70" src="dist/demos/images/avatar.jpg">
			    	<p id="Text1" style="display: none;"></p>
			  	</div>
			  	<p id="upload_1" style="display: none;"></p>
			</div>

		</div>
		<div class="weui-flex__item font-sm-color4">托尼乔巴</div>
		<div class="weui-flex__item font-sm-color4">ID:15245895</div>
		<div class="weui-flex__item font-sm-color4">等级：L10</div>
	</div>
	</div>
	
	
			
	<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="wave"><defs></defs><path id="feel-the-wave" d=""></svg>
	<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" class="wave"><defs></defs><path id="feel-the-wave-two" d=""></svg>
	<!--<div class="center-menu">
		<div class="weui-flex">
			<div class="weui-flex__item"><a href="绑定信息.html"><img src="img/user-icon1.png"/><i>绑定信息</i></a></div>
			<div class="weui-flex__item"><a href="提现进度.html"><img src="img/user-icon2.png"/><i>提现进度</i></a></div>
		</div>
		<div class="weui-flex">
			<div class="weui-flex__item"><a href="提现进度.html"><img src="img/user-icon3.png"/><i>推广佣金</i></a></div>
			<div class="weui-flex__item"><a href="提现进度.html"><img src="img/user-icon4.png"/><i>自主问答</i></a></div>
		</div>
		<div class="weui-flex">
			<div class="weui-flex__item"><a href="设置.html"><img src="img/user-icon5.png"/><i>设置</i></a></div>
			<div class="weui-flex__item"><a href="版本信息.html"><img src="img/user-icon6.png"/><i>版本信息</i></a></div>
		</div>	
	</div>	-->
	<div style='margin-top: 220px;'>
	<div class="weui-panel" style="z-index: 100;">
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="weui-cell__hd"><img src="img/user-icon1.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
								<div class="weui-cell__bd">
									<p class="font-14">绑定信息</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="weui-panel" style="z-index: 100;">
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="weui-cell__hd"><img src="img/user-icon2.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
								<div class="weui-cell__bd">
									<p class="font-14">提现进度</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="weui-panel" style="z-index: 100;">
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="weui-cell__hd"><img src="img/user-icon3.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
								<div class="weui-cell__bd">
									<p class="font-14">推广佣金</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="weui-panel" style="z-index: 100;">
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="weui-cell__hd"><img src="img/user-icon4.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
								<div class="weui-cell__bd">
									<p class="font-14">自主问答</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="weui-panel" style="z-index: 100;">
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="weui-cell__hd"><img src="img/user-icon5.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
								<div class="weui-cell__bd">
									<p class="font-14">设置</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			
			<div class="weui-panel" style="z-index: 100;">
				<div class="weui-panel__bd">
					<div class="weui-media-box weui-media-box_small-appmsg">
						<div class="weui-cells">
							<a class="weui-cell weui-cell_access" href="javascript:;">
								<div class="weui-cell__hd"><img src="img/user-icon6.png" alt="" style="width:20px;margin-right:5px;display:block"></div>
								<div class="weui-cell__bd">
									<p class="font-14">版本信息</p>
								</div>
								<span class="weui-cell__ft"></span>
							</a>
						</div>
					</div>
				</div>
			</div>
			
	</div>
	
	<!--footer-->
	<div class="weui-tabbar">
		<a href="首页.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<i class="iconfont icon-home"></i>
			</div>
			<p class="weui-tabbar__label">首页</p>
		</a>
		<a href="商品列表.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon">
				<i class="iconfont icon-renwu"></i>
			</div>
			<p class="weui-tabbar__label">已接任务</p>
		</a>
		<a href="分类.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon ">
				<i class="iconfont icon-xinxi2"></i>
			</div>
			<p class="weui-tabbar__label">申诉中心</p>
		</a>
		<a href="分类.html" class="weui-tabbar__item">
			<div class="weui-tabbar__icon ">
				<i class="iconfont icon-huodongzhongxin"></i>
			</div>
			<p class="weui-tabbar__label">活动中心</p>
		</a>
		<a href="个人中心.html" class="weui-tabbar__item weui-bar__item--on">
			<div class="weui-tabbar__icon">
				<i class="iconfont icon-wode2"></i>
			</div>
			<p class="weui-tabbar__label">我的</p>
		</a>
	</div>
		
	<script type="text/javascript" src='js/TweenMax.min.js'></script>
	<script type="text/javascript" src='js/wavify.js'></script>
	<script type="text/javascript" src='js/jquery.wavify.js'></script>
	<script type="text/javascript">
		var wave1 = $('#feel-the-wave').wavify({
			height: 60,
			bones: 3,
			amplitude: 10,
			color: '#Fd295b',
			speed: .15
		});
	
		var wave2 = $('#feel-the-wave-two').wavify({
			height: 60,
			bones: 3,
			amplitude: 13,
			color: '#ffffff',
			speed: .20
		});
	
		$("[data-pause]").on('click', function() {
			wave1.pause();
			wave2.pause();
			return false;
		});
	
		$("[data-play]").on('click', function() {
			wave1.play();
			wave2.play();
			return false;
		});
		
		
		
		
		$(document).on("click", "#upload_img1", function() {
    $.actions({
      title: "选择操作",
      onClose: function() {
        console.log("close");
      },
      actions: [
       /* {
          text: "发布",
          className: "color-primary",
          onClick: function() {
            $.alert("发布成功");
          }
        },*/
        {
          text: "相册",
          className: "color-warning",
          onClick: function() {
           $("#upload_1").trigger("click");
          }
        }
      ]
    });
  });
      
      
      
      layui.use('upload', function(){
			  var $ = layui.jquery
			  ,upload = layui.upload;
			  
			  //普通图片上传
			  var uploadInst = upload.render({
			    elem: '#upload_1'
			    ,url: '/upload/'
			    ,accept:'images'
			    ,acceptMime: 'image/*'		   //限制上传图片时打开文件夹只能看到图片文件 
			    ,exts: 'jpg|png|gif|bmp|jpeg|.jpg' 
			    ,before: function(obj){
			      //预读本地文件示例，不支持ie8
			      obj.preview(function(index, file, result){
			        $('#upload_img1').attr('src', result); //图片链接（base64）
			      });
			    }
			    ,done: function(res){
			      //如果上传失败
			      if(res.code > 0){
			        return layer.msg('上传失败');
			      }
			      //上传成功
			    }
			    ,error: function(){
			      //演示失败状态，并实现重传
			      var demoText = $('#Text11');
			      demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
			      demoText.find('.demo-reload').on('click', function(){
			        uploadInst.upload();
			      });
			    }
			  });
		 });
		 
		 

		</script>
	</body>
</html>